@charset "utf-8";
/* CSS Document */

/*------------------- default -------------------*/
body {padding: 0; margin: 0; color: #333; font: 12px/160% Arial, Helvetica, sans-serif, "宋体"; background: #edf0eb;}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,i,textarea,td,th {padding: 0; margin: 0; font-size: 12px; font-weight: normal;}
ul,ol,li {list-style: none;}
img {border: 0; vertical-align: top;}
em,i {font-style: normal;}
b, strong {font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {text-align: left;}

/*------------------- clearfix -------------------*/
.clearfix:after {content: ""; display: block; height: 0; clear: both; }
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}

/*------------------- link -------------------*/
a {color: #666; text-decoration: none;}
a:hover {color: #cc1108; text-decoration: underline;}
.redlink {color: #cc1108;}
.bluelink {color: #2953A6;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */
a { outline:none; } /* for FF Chrome */

/*------------------- header -------------------*/
#header {padding: 20px 0;}
.topmaster {position: relative; width: 998px; padding: 0 2px 0 0; margin: 0 auto; z-index: 50;}
.topmaster .logo {float: left;}
.topmaster .logo a {display: inline-block; height: 60px; padding: 3px 0 0 127px; line-height: 15px; color: #af996e; background: url(../images/logo.gif) no-repeat left top;}
.topmaster .logo a:hover {color: #cc1108; text-decoration: none;}
.cityselect {float: left; position: relative; padding: 0 15px 0 33px; margin-top: 16px; background: url(../images/ico_arrow.gif) no-repeat right center; z-index: 29;}
.cityChange a.tcity {display: block; text-align: center;}
.cityChange .tcity b {margin-right: 3px; font-size: 14px; font-weight: bold;}
.cityChange a.tcity:hover {color: #666; text-decoration: none;}
.cityChange a:hover {background: none;}
.cityChange .cityPanel {display: none;}
.cityChange a:hover .cityPanel,
.cityChange:hover .cityPanel {display: block; position: absolute; top: 18px; left: 30px; width: 300px; padding: 10px 15px; border: 1px solid #ccc; line-height: 22px; background: #fff;}
.cityChange .cityPanel a {float: left; display: inline-block; width: 58px; text-align: left;}
.searchbox {float: right; width: 412px; padding-top: 5px;}
.keywords {float: left; width: 357px; height: 29px; line-height: 29px; padding: 0 8px; color: #999; border: 1px solid #666; border-right: none; background: #fff;}
.btn_search, .btn_search_hover {float: left; width: 37px; height: 31px; text-indent: -9999px; cursor: pointer; border: none; background: url(../images/maniIco.gif) no-repeat -62px -158px;}
.btn_search_hover {background: url(../images/maniIco.gif) no-repeat -104px -158px;}
.hotwords {padding: 5px 0 0 9px;}
.hotwords a {padding-right: 9px;}
#globalnav {width: 100%; height: 35px; line-height: 35px; background: #c5213c; z-index: 100;} 
#globalnav .navlist {width: 1000px; margin: 0 auto;}
#globalnav .mainnav a {float: left; padding: 0 16px; color: #f8f8f8; font-size: 14px; font-weight: bold;}
#globalnav .mainnav a:hover, #globalnav .mainnav a.cur {color: #fff; text-decoration: none; background: #9c0700;}
#globalnav .mainnav a.small {padding: 0 5px; margin-right: 5px; color: #ebebeb; font-size: 12px; font-weight: normal;}
#globalnav .subnav {float: right;}
#globalnav .subnav a {float: left; padding: 0 10px; margin-right: 1px; color: #f6f6f6; background: #900701;}
#globalnav .subnav a:hover {color: #fff; text-decoration: none; background: #a80700;}

.dropbox {position: relative; float: left; z-index: 120;}
#wrapper .dropbox a {float: none; display: block; padding: 0; margin-right: 0; background: none;}
#wrapper a.dropT {padding: 0 10px;}
a.dropT:hover {color: #666; text-decoration: none;}
#globalnav .subnav .dropbox:hover a {background: #a80700;}
.dropbox .dropdown {display: none;}
.dropbox a:hover .dropdown,
.dropbox:hover .dropdown {display: block; width: 100px; position: absolute; top: 35px; left: 0; padding: 5px 0; line-height: 22px; background: #dedede;}
#globalnav .dropbox:hover .dropdown a, #globalnav .dropbox a:hover .dropdown a {float: none; display: block; padding: 0 10px; color: #666; background: none;}
#globalnav .dropbox:hover .dropdown a:hover, #globalnav .dropbox a:hover .dropdown a:hover {color: #fff; text-decoration: none; background: #a80700;}

/*------------------- content -------------------*/
.content {position: relative; width: 1000px; margin: 0 auto;}
.redBold {color: #c00; font-weight: bold;}
.bold {font-weight: bold;}
.txtgray {color: #aaa;}
.txtOrange {color: #D8712C;}
.size16 {font-size: 16px; font-weight: bold;}

/*------------------- text-overflow -------------------*/
.interest h3, .tasklist li span, .buyshare li h3, .brandbox p, .proDetail h2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*------------------- inputxt/textarea -------------------*/
.inputxt1, .inputxt2, .inputxt3, .inputxt5, .inputxt7 {width: 212px; height: 24px; line-height: 24px; padding: 5px; border: 1px solid #c4c4c4; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.inputxt2 {width: 90px;}
.inputxt3 {height: 26px; line-height: 26px; padding: 0 5px;}
.inputxt4 {width: 36px; height: 19px; line-height: 19px; margin: 1px 1px 0 0; text-align: center; border: 1px solid #c9c9c9;}
.inputxt5 {width: 370px;}
.inputxt6 {width: 130px; height: 22px; line-height: 22px; padding: 0 5px; margin: 1px 1px 0 0; border: 1px solid #ddd;}
.inputxt7 {width: 130px; height: 21px; line-height: 21px; padding: 0 5px;}
.sitese {padding: 2px 0; margin: 3px 5px 0 0;}
.checkbox {overflow: hidden; zoom: 1;}
.checkbox input, .checkbox label {float: left;}
.checkbox label {margin: 3px 5px 0 0;}
.checkbox input {margin: 6px 5px 0 0; *margin: 1px 2px 0 0;}
.txtArea1, .txtArea2, .txtArea3 {width: 412px; height: 110px; line-height: 20px; padding: 5px; border: 1px solid #c4c4c4; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.txtArea2 {width: 370px; height: 35px;}
.txtArea3 {width: 320px; height: 45px;}

/*------------------- button -------------------*/
.btnRed_104, .btnYellow_104, .btnRed_150 {display: block; width: 104px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; border: none; cursor: pointer; background: url(../images/btn_bg.gif) no-repeat 0 -118px;}
.btnRed_104:hover, .btnRed_150:hover {color: #ffffcf; text-decoration: none;}
.btnYellow_104 {background-position: 0 -159px;}
.btnRed_150 {width: 154px; background-position: 0 -618px;}
.btnGray01 input, input.btnGray01_hover, .btnGray02, .btnGray02:hover {display: block; width: 98px; height: 24px; line-height: 24px; text-align: center; color: #555; border: none; cursor: pointer; background: url(../images/btn_bg.gif) no-repeat 0 -258px;}
input.btnGray01_hover, .btnGray02:hover {text-decoration: none; background-position: -100px -258px;}

.btn_submit input {display: block; width: 80px; height: 28px; line-height: 28px; text-align: center; color: #fff; font-weight: bold; border: none; cursor: pointer; background: url(../images/btn_bg.gif) no-repeat -221px -251px;}
.btn_submit input.bhover {color: #fff; text-decoration: none; background-position: -221px -279px;}

.btn61x22 {display: block; width: 61px; height: 22px; margin: 0 auto; line-height: 22px; text-align: center; color: #a83e00; background: url(../images/btn_bg.gif) no-repeat -140px -523px;}
.btn61x22:hover {color: #a83e00; text-decoration: none; background-position: -201px -523px;}

.btn_gray42x22, .btn_green42x22 {display: inline-block; width: 42px; height: 22px; line-height: 22px; text-align: center; cursor: pointer; background: url(../images/btn_bg.gif) no-repeat -118px -407px;}
.btn_green42x22 {color: #fff; background-position: -160px -407px;}
.btn_gray42x22:hover, .btn_green42x22:hover {text-decoration: none;}
.btn_green42x22:hover {color: #ff6;}
.btn_confirm {display: inline-block; width: 42px; height: 24px; border: none; cursor: pointer; background: url(../images/btn_bg.gif) no-repeat -68px -407px;}
.btn_93x28 {display: block; width: 60px; height: 28px; line-height: 31px; padding-left: 33px; background: url(../images/btn_bg.gif) no-repeat -207px -622px;}

/*------------------- text -------------------*/
.size14Red {color: #cc1108; font-size: 14px;}

.radioArea {padding: 6px 0;}
.radioArea input, .radioArea label, .checkboxArea input, .checkboxArea label, .radioArea span {float: left;}
.radioArea input {margin: 4px 5px 0 0; *margin: -1px 2px 0 0;}
.radioArea label {padding: 0 25px 0 0;}

/*------------------- fillInfo -------------------*/
.fillInfo li {padding-bottom: 12px; height: auto; overflow: hidden; zoom: 1; vertical-align: top;}
.fillInfo .txtArea {width: 130px; line-height: 30px; *line-height: 32px; font-size: 14px; text-align: right;}
.fillInfo .putArea i, .fillInfo .putArea input, .fillInfo span, .fillInfo textarea, .fillInfo select {float: left;}
.fillInfo .putArea i {padding: 8px 0 0 5px;}
.fillInfo em {padding-right: 3px; color: #c00;}
.tclew {color: #999;}
.fillInfo i.tError, .amount .tError {padding-left: 25px; color: #c00; background: url(../images/btn_bg.gif) no-repeat -280px -36px;}
.fillInfo i.tTrue, .amount .tTrue {padding-left: 25px; background: url(../images/btn_bg.gif) no-repeat -280px 7px;}
.fillInfo i.tWarm {padding-left: 27px; background: url(../images/btn_bg.gif) no-repeat -280px -85px;}
.fillInfo .code {margin-left: 5px; float: left;}
.dis01 {margin: 10px 0 10px 130px;}
.fillInfo .already {padding-top: 6px; _padding-top: 4px; vertical-align: baseline;}
.fillInfo .already a {padding-left: 20px;}
.amount .tError {display: inline-block; background-position: -280px -44px;}
.amount .tTrue {display: inline-block; background-position: -280px 0;}

/*------------------- popupCon -------------------*/
#TB_overlayBG{position:fixed; _position: absolute; z-index:99;left:0;top:0;display:none;width:100%;height:100%; opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;background:#666;}
.popupCon {position: fixed; _position: absolute; width: auto; top: 50%; left:50%; z-index:110; padding: 10px; background: #c2c2c2;}
.popupArea {position: relative; background: #fff;}
.popupArea .close {position: absolute; top: 7px; right: 7px; _right: 17px; text-indent: -9999px;}
.popupArea .close a {display: block; width:21px; height:21px; cursor:pointer; background:url(../images/close.png) no-repeat 0 0;}
.popupArea .close a:hover {background-position:0 -21px;}
.popupArea h2 {padding: 8px 10px; *padding: 10px 10px 8px; color: #fff; font-size: 14px; font-weight: bold; background:#f77b00;}
.popupBox {padding: 25px;}
.pullcon {padding-left: 65px; line-height: 48px; font-size: 14px; background: url(../images/ico_true.gif) no-repeat left center;}
.popupCon .infoModify {width: 500px; padding: 10px 50px 0 0;}

.payflow {padding: 0;}
.payflowBox {width: 480px; padding: 20px; line-height: 20px;}
.payflow h3 {padding-bottom: 5px; color: #e05010; font-size: 14px; font-weight: bold;}
.operate {width: 500px; padding: 10px 10px; border-top: 1px solid #d3d3d3; background: #f5f9f4;}
.operate li {float: right; margin-left: 5px; line-height: 24px;}
.btn_orange a, .btn_gray a {display: inline-block; padding-right: 15px; line-height: 24px; background: url(../images/btn_bg02.gif) no-repeat;}
.btn_orange a {color: #fff; background-position: right -315px;}
.btn_gray a {color: #777; background-position: right -411px;}
.btn_orange span, .btn_gray span {display: inline-block; padding-left: 15px; cursor: pointer; background: url(../images/btn_bg02.gif) no-repeat;}
.btn_orange span {background-position: -180px -291px;}
.btn_gray span {background-position: -180px -387px;}
.btn_orange a:hover {color: #ff9; text-decoration: none; background-position: right -363px;}
.btn_orange a:hover span {background-position: -180px -339px;}
.btn_gray a:hover {color: #444; text-decoration: none; background-position: right -459px;}
.btn_gray a:hover span {background-position: -180px -435px;}
.payQuestion {padding-bottom: 15px; margin-bottom: 15px; background: url(../images/dotted01.gif) repeat-x left bottom;}
.payQuestion h4 {font-weight: bold;}
.dis03 {padding-bottom: 20px;}
.btnUnit {overflow: hidden; zoom: 1; padding: 10px 15px; margin-bottom: 25px; border-bottom: 1px solid #eee; background: #f9f9f4;}
.btnUnit li {float: left; margin-right: 8px;}

/*------------------- epages -------------------*/
.epages {padding-bottom: 35px; text-align: center;}
.epages a, .epages span, .epages b, .epages em {display: inline-block; padding: 0 7px; line-height: 21px; color: #555; border: 1px solid #ddd; background: #fff;}
.epages span {color: #999; border: 1px solid #d3d3d3;}
.epages b, .epages a:hover {display: inline-block; padding: 0 7px; line-height: 21px; color: #fff; font-weight: bold; text-decoration: none; border: 1px solid #ff8f2c; background: #ff8f2c;}
.epages a:hover {font-weight: normal; background: #ff8f2c;}
.epages em {color: #999; border: none; background: none;}

.errorPage {padding: 50px 70px 50px 180px; margin-bottom: 20px; border: 1px solid #eee; line-height: 28px; background: #fff url(../images/ico_errorpage.gif) no-repeat 50px 40px;}
.errorPage h2 {padding-bottom: 10px; margin-bottom: 20px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #ddd;}
.errorPage p, .errorPage li {font-size: 14px;}
.errorPage a {color: #095ab5; text-decoration: underline;}
.errorPage a:hover {color: #c00; text-decoration: none;}

.sumbox {padding: 20px 10px;}
.allsum {width: 920px; padding: 15px 10px; background: #f9f9f9;}
.sumbox i {color: #999;}
.sumboxR {float: right;}
.sumboxR em {color: #ff6000; font-size: 26px; font-weight: bold; line-height: 30px;}
.allsum em {font-size: 14px;}
.sumboxL em {color: #ff6000; font-weight: bold;}
.referOrder {padding: 10px 0 15px 0; overflow: hidden; zoom: 1;}
.referOrder input {float: right;}
.referOrder .btn_gray {float: right; margin: 11px 10px 0 0;}
.btnRefer, .btnRefer02 {display: block; width: 135px; height: 45px; text-align: center; color: #fff; font-size: 23px; font-family: "微软雅黑"; border: none; cursor: pointer; background: url(../images/btn_bg.gif) no-repeat -140px -150px;}
.btnRefer02 {cursor: default; background-position: 0 -522px;}

.selcetModel label, .selcetModel input, .selcetModel b {float: left; padding-left: 10px; *padding-left: 7px;}
.bankList {width: 768px; padding: 10px 0 25px 0; background: url(../images/dotted01.gif) repeat-x left bottom;}
.selcetModel .bankList {width: 938px;}
.bankList li {float: left; width: 211px; padding: 15px 0 0 20px;}
.bankList li input {margin-top: 9px; *margin-top: 5px;}
.paymodel, .paymodel02 {width: 748px; padding: 20px 0 20px 20px; overflow: hidden; zoom: 1; background: url(../images/dotted01.gif) repeat-x left bottom;}
.paymodel img, .paymodel i {float: left; line-height: 48px;}
.paymodel input {margin-top: 20px; *margin-top: 16px;}
.paymodel02 input {margin-top: 3px; *margin-top: -2px;}
.paymodel i {padding-left: 15px;}
.paymodel img {padding: 1px; border: 1px solid #ddd;}
.selcetModel .paymodel, .selcetModel .paymodel02 {width: 918px;}

.orderPage .bankList li.btxt {width: 918px;}
.charge .bankList li.btxt {width: 765px;}
.bankList li.btxt {width: 918px; line-height: 24px;}
.bankList li.btxt em {color: #c00; font-weight: bold;}
.bankList li.btxt .bpa {padding-left: 10px;}

#wrapper .fright {float: right;}

.loadpic {padding: 15px 20px;}
.loadpic .picblock {height: 106px; margin-right: 10px;}
.loadpic .txtblock {padding: 15px 0 10px 0;}
.loadpic .txtblock i {padding-left: 8px;}
.loadpic .picblock li {float: left; width: 102px; height: 107px; padding: 8px 2px 0 0; margin-right: 10px; text-align: center; background: url(../images/photo_bg.gif) no-repeat left top;}
.loadpic .picblock span {display: block; float: none; padding-top: 3px;}
.loadclew {margin-top: 6px; padding: 0 10px; color: #3e200e; border: 1px solid #f78c4c; background: #fff4f0;}
.fillInfo .loadpic {float: left; padding: 7px 20px 0 0;}

.sharebox b, .shareList {float: left; line-height: 23px;}
.shareList a {float: left; width: 22px; height: 23px; margin-right: 2px; text-indent: -9999px; background: url(../images/share_bg.gif) no-repeat;}
#site-sina { background-position: -88px -23px; }
#site-qzone { background-position: 0 -24px; }
#site-renren { background-position: -44px -24px; }
#site-kaixing { background-position: -66px -23px; }
#site-douban { background-position: -22px -24px;  }
#site-msn { background-position: -132px -24px; }
#site-qq { background-position: -154px -24px; }
#site-email { background-position: -110px -24px; }

#site-sina:hover { background-position: -88px 0; }
#site-qzone:hover { background-position: 0 0; }
#site-renren:hover { background-position: -44px 0; }
#site-kaixing:hover { background-position: -66px 0; }
#site-douban:hover { background-position: -22px 0;  }
#site-msn:hover { background-position: -132px 0; }
#site-qq:hover { background-position: -154px 0; }
#site-email:hover { background-position: -110px 0; }

/*------------------- categoryList -------------------*/
.categoryList {width: 980px; height: 36px; padding: 0 10px; background: url(../images/title_bg01.gif) repeat-x left bottom;}
.simplePage {float: right; margin: 9px 0; line-height: 17px;}
.simplePage span {float: left; margin-right: 5px;}
.simplePage a {float: left; width: 16px; height: 17px;}
.simplePage b {float: left; margin: 0 5px; color: #555; font-weight: bold; font-family: "宋体";}
.simplePage .unpre {background: url(../images/free_bg.png) no-repeat 0 0;}
.simplePage .unnext {background: url(../images/free_bg.png) no-repeat -16px 0;}
.simplePage .prevpage {background: url(../images/free_bg.png) no-repeat -32px 0;}
.simplePage .nextpage {background: url(../images/free_bg.png) no-repeat -48px 0;}
.btn_filter {padding-top: 6px;}
.btn_filter span {float: left; cursor: pointer;}
.btn_filter a.filter01 {float: left; width: 39px; height: 22px; padding-left: 5px; margin-left: 5px; line-height: 22px; color: #806f66; border: 1px solid #ccc; background: #fff;}
.btn_filter .arrow {width: 7px; height: 10px; margin: 6px 0 0 3px; background: url(../images/maniIco.gif) no-repeat;}
.btn_filter .down {background-position: 0 -420px;}
.btn_filter .up {background-position: -7px -420px;}
.btn_filter a.filter01:hover {color: #1c740f; text-decoration: none;}
.btn_filter a.filter01:hover .down {background-position: -14px -420px;}
.btn_filter a.filter01:hover .up {background-position: -21px -420px;}
.select01 {float: left; width: 132px; position: relative; z-index: 150;}
.select01 .first a {display: block; width: 112px; height: 24px; padding: 0 10px; line-height:24px; font-size: 12px; color: #806f66; background:url(../images/select_bg.gif) no-repeat 0 0;}
.select01 .first a:hover {color: #333; text-decoration: none; background: url(../images/select_bg.gif) no-repeat 0 -24px;}
.select01 .inner {display: none; position: absolute; top: 23px; left: 0; border: 1px solid #ccc; background: #fff;}
.select01 .inner a {display: block; width: 110px; height: 22px; padding: 0 10px; line-height: 22px; text-align: left; font-size: 12px; color: #444; background: #fff;}
.select01 .inner a:hover {color: #444; text-decoration: none; background: #ececec;}

.cutShort {display: block; height: 38px; overflow: hidden; zoom: 1;}


/*------------------- footer -------------------*/
#footer {padding: 15px 0 30px 0; color: #666; text-align: center; background: #333; clear:both;}
.helpbox {width: 1000px; padding-bottom: 20px; margin: 0 auto; text-align: left;}
.helpList {float: left; width: 158px; padding-left: 12px; color: #666;}
.helpbox .last {width: 308px;}
#footer a {color: #666;}
#footer a:hover {color: #fff;}
.helpList dt {font-weight: bold;}
.site-sina, .site-qq, .site-qz, .site-kaixin, .site-renren {display: block; height: 23px; padding-right: 5px; text-indent: -9999px; margin-bottom: 4px; background: url(../images/btn_bg.gif) no-repeat;}
.site-sina {width: 62px; background-position: 0 -32px;}
.site-qq {width: 57px; background-position: 0 -58px;}
.site-qz {width: 50px; background-position: 0 -84px;}
.site-kaixin {width: 53px; background-position: -72px -32px;}
.site-renren {width: 53px; background-position: -72px -58px;}
.serves {padding-left: 25px; background: url(../images/maniIco.gif) no-repeat;}
.serve1 {background-position: 0 2px;}
.serve2 {background-position: 0 -16px;}
.serve3 {background-position: 0 -37px;}
.friendLink {width: 980px; padding: 0 10px; margin: 0 auto 20px auto; line-height: 29px; border-top: 1px solid #535353; border-bottom: 1px solid #535353; text-align: left;}
.friendLink a {padding-right: 6px;}
.friendLink a.more {float: right;}
.footermenu {width: 980px; padding: 0 10px 15px 10px; margin: 0 auto;}
.footermenu li {display: inline;}
.footermenu li span {padding: 0 6px 0 8px;}

.content {position: relative;}
.fixblock {position: fixed; _position: absolute; width: 63px; top: 280px; left: 50%; _top:expression(eval(document.documentElement.scrollTop+160)); margin-left: 520px; z-index: 80;}
.fixblock a {display: block; line-height: 28px; text-align: center;}
.fixtab {border: 1px solid #e8e8e8;}
.fixtab a {background: #fff;}
.fixblock a:hover {text-decoration: none;}
.fixblock a:hover, .fixtab a.cur {color: #fff; background: #7f7f7f;}
.favorite {margin: 10px 0; color: #fff; border: 1px solid #e8e8e8; background: #c00;}
.fixblock a.backToTop {width: 61px; padding: 24px 0 0 0; border: 1px solid #e8e8e8; background: #fff url(../images/anchor.gif) no-repeat 21px 6px;}
.fixblock a.backToTop:hover {background: #7f7f7f url(../images/anchor.gif) no-repeat 21px -23px;}

*html{background-image:url(about:blank); background-attachment:fixed;}